<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/culture.css">
</head>

<body>
    <div class="shortcut ">
        <div class="wrapper">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="register.html"><span></span> 注册</a></li>
            </ul>
        </div>
    </div>
    <div class="header wrapper">
        <div class="logo fixed2 ">
            <h1> <a href="#">长春工业大学</a></h1>
        </div>
        <div class="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="induction.html">学校概括</a></li>
                <li><a href="culture.html">工大文化</a></li>
                <li><a href="education.html">本科教育</a></li>
                <li><a href="teacher.html">师资力量</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <!-- 定位实现一个放大镜 -->
            <span></span>
        </div>

    </div>
    <div class="banner">
        <!-- 测导航 -->
        <div class="aside fixed">
            <ul>
                <li><a href="">德之工大</a></li>
                <li><a href="#">智之工大</a></li>
                <li><a href="#">体之工大</a></li>
                <li><a href="#">美之工大</a></li>
                <li><a href="#">劳之工大</a></li>
                <li><a href="spring.html">春之工大</a></li>
                <li><a href="summer.html">夏之工大</a></li>
                <li><a href="#">秋之工大</a></li>
                <li><a href="#">冬之工大</a></li>
            </ul>
        </div>
        <div class="wrapper">
            <ul>
                <li><a href=""><img src="images/15.jpg"></a></li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="box1">
            <div class="text">校徽</div>
            <center>
                <div><img src="./images/logo.jpeg" alt=""></div>
            </center>
        </div>
        <div class="box2">
            <div class="text">校名</div>
            <center>
                <div><img src="./images/name.jpg" alt=""></div>
            </center>
        </div>
        <div class="box3">
            <div class="text">校训</div>
            <center>
                <div id="schoolMotto"><img src="./images/schoolMotto.png" alt=""></div>
            </center>
        </div>
        <div class="box4">
            <div class="text">校歌</div>
            <center>
                <div><img src="./images/music.jpg" alt=""></div>
            </center>
           
        </div>
       
    </div>
  
</body>

</html>